@charset "utf-8";
/*······························································
		reset
······························································*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { color:#333333; background:url(../images/bg.jpg) repeat-x; font:12px/1.5 "\5FAE\8F6F\96C5\9ED1","\u5b8b\u4f53"; }
ul,li { list-style:none; }
a { color:#333; font-size:12px;text-decoration:none; }
a:hover { color:#666; text-decoration:none;}
fieldset, img{ border:none; vertical-align:middle}
table { border-collapse:collapse; border-spacing:0; width:100% }
h1,h2,h3,h4,h5,h6 { font-size:14px; font-weight:bold; }
input, button, textarea, select { font-family:inherit; font-size:inherit; font-weight:inherit; border:none; }

.clearfix { *zoom:1; }
.clearfix:after { content:'\20';display:block;height:0;clear:both; }
.clr{ clear:both }
.fl { float:left }
.fr { float:right }
.fs14 { font-size:14px }
.fs16 { font-size:16px }
.ti2 { text-indent:2em }
.bold { font-weight:bold }
.tc { text-align:center;}
.dotted-l1 { border-left:1px dotted #87c6e5}
.dotted-b1 { border-bottom:1px dotted #87c6e5; font-size:0;}


/* blank */
.blank3,.blank5,.blank8,.blank10,.blank16,.blank20,.blank100{ clear:both; line-height:0; font-size:0; display:block}
.blank10 { height:10px; }
.blank20 { height:20px; }
.blank100 { height:100px; }



/*······························································
		btn
······························································*/
/* btn-input */
.btn-submit { width:92px; height:24px;  padding-bottom:1px; color:#fff; font-weight:bold; cursor:pointer; text-align:center; text-decoration:none; vertical-align:top; font:14px/24px "\5FAE\8F6F\96C5\9ED1","\u5b8b\u4f53"; font-weight:bold }

/* btn-a */
.btn-join,.btn-arrive,.btn-w,.btn-w span{ cursor:pointer; display:inline-block;*display:inline;zoom:1; text-align:center; text-decoration:none; vertical-align:top }
.btn-join { width:106px; height:30px;}
.btn-arrive { width:106px; height:30px;}
.btn-w { padding-left:20px; height:23px; line-height:23px;}
.btn-w span { padding-right:20px; height:23px; color:#003f8c; line-height:23px; margin-right:-5px; position:relative;}


/*······························································
		title
······························································*/
.mo-h3 { line-height:34px; height:34px; margin-bottom:18px; padding-left:19px;}
.mo-h3 b { height:25px; display:block}
.mo-tProDetail { width:96px}

/*······························································
		input
······························································*/
.txt { height:29px; width:197px; line-height:29px; padding:0 5px; color:#000; font-size:18px; vertical-align:middle; font-family:"\5FAE\8F6F\96C5\9ED1","\u9ed1\u4f53","\u5b8b\u4f53"; }
.txt-short { width:57px; text-align:center}
.txa { border:1px solid #aca899; border-bottom:1px solid #f1efe2; border-right:1px solid #f1efe2; height:54px; padding:5px; width:100px; vertical-align:top; color:#999999; width:200px; }



/*······························································
		layout
······························································*/
.wrap { width:950px; margin:0 auto; }
.header { height:50px; position:relative; background:url(../images/bg-top.jpg) center top no-repeat; }
.header-in { width:950px; margin:0 auto }
.header .logo { width:230px; height:44px; float:left; display:inline; margin:5px 0 0 0; }
.header a { display:block; height:44px; }
.nav { width:950px; margin:5px auto 10px; border-right:1px solid #036495; border-left:1px solid #002450}
.nav li { position:relative; line-height:40px; float:left; border-left:1px solid #036495; border-right:1px solid #002450 }
.nav a { float:left; height:28px; padding:12px 45px 0; color:#fff; overflow:hidden; font-size:12px; }
.nav a:hover { text-decoration:none;}
.nav s { width:28px; height:15px; display:block;margin-bottom:-26px; position:relative; line-height:0; font-size:0; cursor:pointer }
.nav .n-s4,.nav .n-s5,.nav .n-s6 { width:57px;}
.nav .n-s7 { width:51px;}
.nav i { width:4px; height:7px; position:absolute; left:5px; top:17px; cursor:pointer }
.footer{ color:#d7f2fd; background:#ececec; border-top:1px solid #cccccc; color:#999}
.footer_in { width:950px; margin:0 auto; position:relative;}
.footer a{ color:#444;  margin:0 5px; }
.footer a:hover { text-decoration:none;}
.footer .f_logo { float:left; width:66px; height:32px; margin-top:22px;}
.footer .con { padding:20px 100px;}
.footer .f_back { position:absolute; right:0; top:-36px; width:98px; height:35px;}



/* search */
.mo-search { width:210px; height:22px; float:right; margin-top:20px; }
.mo-search .s-search { float:left; width:18px; height:18px; margin-top:2px; }
	.mo-search .txt { width:100px; height:16px; float:left; font-size:12px; border:none; background:none; line-height:16px; margin:3px 6px 0 74px;}
/* scroll AD */
.scrollAd { width:700px; height:290px; background:#ccc;}
/* mm 蓝色列表 */
.ul-mm { overflow:hidden;}
.ul-mm li{ width:81px; float:left; margin-right:8px; text-align:center;}
.ul-mm .pic { border:1px solid #c3d6ea; float:left;}
.ul-mm img { border:3px solid #dae9f9; width:72px; height:58px; display:block;}
.ul-mm a { color:#3e74ad; line-height:2em; display:block;}
/* 广告翻页 */
.mo-adPage { width:31px; height:15px; float:right; margin-bottom:-9px; margin-right:-9px; display:inline}
.mo-adPage .pre,.mo-adPage .next { width:15px; float:left; height:15px; line-height:0}
/* 列表2列 */
.ul-2c { line-height:24px;}
.ul-2c li { height:24px; overflow:hidden;}
.ul-2c p { margin-right:42px;}
.ul-2c span { float:right;}
.ul-2c .tit { border-bottom:1px dotted #dcdcdc; position:relative;_height:1%}
.ul-2c .tit a { width:auto; position:absolute; top:0; right:0;}


.ul-2c-blue { color:#3e74ad;  }
.ul-2c-blue a { color:#3e74ad;}
.ul-2c-sGray span { color:#999; float:none; margin-left:10px;}
/* tab-blue*/
.mo-tabBlue .hd{ border-left:1px solid #cdcdcd;}
.mo-tabBlue .hd a { background:#eceff2; text-align:center; text-shadow:1px 1px 0 #fff; float:left; width:82px; line-height:33px;border:1px solid #cdcdcd; border-left:none; height:33px; color:#3e74ad; font-weight:bold; font-size:14px;}
.mo-tabBlue .hd .on { width:83px; background:#fff; border-bottom:1px solid #fff;}
.mo-tabBlue .hd a:hover { text-decoration:underline }
.mo-tabBlue .bd { border:1px solid #cdcdcd; border-top:0;}
/* ad */
.ad-single { _height:1%; display:block; }
.ad-single a { display:block;}
.ad-single:hover { -moz-box-shadow:5px 5px 4px #999;-webkit-box-shadow:5px 5px 4px #999; box-shadow:5px 5px 4px #999; position:relative}
.ad-single-first a{ margin-bottom:-1px;}
	.ad-single .mo-adPage { margin:-15px 0 0 0; position:relative;}
.ad-full { display:block;}
/* contact box */
.mo-contact { width:240px; height:141px; margin-bottom:10px; background:url(../images/bg-contact.png);}
.mo-contact a { margin:97px 6px 0 ; float:left;}
/* 彩色标题 */
.mo-titColorful { border-bottom:2px solid #cccccc; height:29px; margin-bottom:10px; position:relative; }
.mo-titColorful .t-phone,
.mo-titColorful .t-music,
.mo-titColorful .t-game,
.mo-titColorful .t-digit,
.mo-titColorful .t-cpu { width:67px; height:17px; float:left; font-size:0}
.mo-titColorful .t-cpu { width:81px;}
.mo-titColorful .extraLink { position:absolute; right:-5px; top:0; color:#999; line-height:29px; font-size:12px; }
.mo-titColorful .extraLink a { margin:0 5px;}
.mo-titColorful .tit { float:left; width:190px; height:27px; position:relative; top:2px; border-bottom:2px solid #e99a1a}
	.mo-titColorful .colorTab { float:right; display:inline; margin-right:3px; margin-bottom:-8px; margin-top:-3px;}
	.mo-titColorful .colorTab a{ float:left; position:relative; margin-left:10px; border-bottom:2px solid #cccccc; height:32px;}
	.mo-titColorful .colorTab b { height:32px;}
	.mo-titColorful .colorTab a:hover,.mo-titColorful .colorTab a.on,.mo-titColorful .colorTab a:hover b,.mo-titColorful .colorTab a.on b{ height:34px; border-bottom:0;}
/* 彩色Tab */
.colorTab { }
.colorTab a,.colorTab b { line-height:32px; height:34px; margin-left:5px; font-weight:bold; cursor:pointer; font-size:12px; display:inline-block;*zoom:1;*display:inline; padding-left:28px; background:url(../images/bg-tab.png) no-repeat;}
.colorTab b { padding-right:10px; padding-left:0; margin:0; margin-right:-3px; position:relative;}
.colorTab-phone a { background-position:0 0}
.colorTab-phone b { color:#e99a1a; background-position:right 0;} 
.colorTab-music a { background-position:0 -34px;}
.colorTab-music b { color:#1aadaa; background-position:right -34px;} 
.colorTab-game a { background-position:0 -68px}
.colorTab-game b { color:#1b79c8; background-position:right -68px;} 
.colorTab-digit a { background-position:0 -102px}
.colorTab-digit b { color:#5ca54a; background-position:right -102px;} 
.colorTab-cpu a { background-position:0 -136px;}
.colorTab-cpu b { color:#4e3171; background-position:right -136px;} 

/* shop recommend */
.mo-shopRec .tit{}
.mo-shopRec .pic { border:1px solid #ccc; float:left; }
.mo-shopRec .pic img {  width:188px; height:75px;float:left;}
.mo-shopRec .item { float:left; width:91px; color:#fff; background:#1aadaa; text-align:center; line-height:20px; height:20px; overflow:hidden; margin:8px 8px 0 0; -moz-border-radius:3px 0;border-radius:3px 0 3px 0; }
.mo-shopRec .item:hover { color:#fff}
.mo-shopRec .s-adap { width:210px; margin-right:-20px;}
/* offer show */
.mo-offerShow a {  color:#fff; width:160px; height:154px; float:left; margin-right:10px; text-shadow:1px 1px 0 #666;}
.mo-offerShow a:hover{ color:#fff;
-moz-transform:scale(1.05) ;-webkit-transform:scale(1.05) ;-o-transform:scale(1.05);
-moz-border-radius:10px 0;border-radius:20px 0 10px 0; }
.mo-offerShow .last { margin:0}
.mo-offerShow .tit { line-height:30px; padding:0 8px;}
.mo-offerShow .pic img{ width:160px; height:67px;}
.mo-offerShow .o-detail { line-height:18px; padding:8px 8px 0;}
/* flink */
.mo-flink { margin-bottom:20px;}
.mo-flink li{ float:left; width:150px; }
.mo-flink a { display:block; height:26px; background:url(../images/flink.png) no-repeat}
.mo-flink .f-a1 { width:101px; background-position:0 0}
.mo-flink .f-a2 { width:114px; background-position:-105px 0}
.mo-flink .f-a3 { width:121px; background-position:-195px 0}
/* imgText */
.mo-imgText { padding:10px; color:#999999 }
.mo-imgText .type { margin-right:5px;}
.mo-imgText .list a { color:#3e74ad; line-height:2em}
	.mo-imgText .mo-imgArea .i-con { margin-bottom:20px; height:80px;}

/* imgArea */
.mo-imgArea .pic{ float:left; width:80px; height:80px; margin-right:10px; overflow:hidden;}
.mo-imgArea .i-con {}
.mo-imgArea .i-tit { color:#f00; font-size:14px;}
/* picBox 店铺展示 */
.picBox { border:1px solid #cdcdcd; float:left;  padding:10px; margin-left:-1px; line-height:2em;
background:-moz-linear-gradient(right bottom , #F3F3F3 0%, #FFFFFF 43%, #FFFFFF 100%);
background:-webkit-gradient(linear, 100% 100%, 0% 0%, color-stop(0.18, #F3F3F3), color-stop(0.45, white), color-stop(0.59, white));

}
.picBox:hover { outline:2px solid #f1f1f1; border:1px solid #ccc; position:relative;}
.picBox-first { margin-left:0;}
.picBox-noBg { border:none; background:none;}
.picBox-noBg:hover { background:none; outline:none; border:none; }
.picBox label { cursor:pointer; color:#e19110}
.picBox .pic { border:1px solid #e99a1a; margin-bottom:4px; position:relative;}
.picBox .pic .tit { line-height:20px; text-align:center; color:#fff; background:#e99a1a }
.picBox .list li{ _height:2em; min-height:2em; cursor:pointer;}

	.picBox .evaluateBox { cursor:pointer;}
/* evaluate 星级评价 */
.evaluateBox { height:12px; width:69px; display:inline-block;*zoom:1;*display:inline; line-height:0; font-size:0;}
/* subNav */
.subNav { border:2px solid #568cc5; border-top:none; font-weight:bold; color:#013f73; font-size:12px; padding:10px 0 6px; background:#fff; }
.subNav .tit { padding:0 10px; line-height:24px; height:24px;}
.subNav .tit a{ font-size:14px; color:#013f73; }
.subNav .list li { border-top:1px solid #e7f1f9;line-height:34px; position:relative; _height:1%;}
.subNav .list a { display:block; color:#013f73; padding:0 10px;  _height:1%; }
.subNav .list i { position:absolute; right:10px; top:50%; margin-top:-7px; width:15px; height:15px;}
.subNav .list a:hover,.subNav .list a.on  { background-color:#568cc5; color:#fff;}
.subNav .list a:hover i {}
.subNav-TopBg { padding-top:0; }
.subNav-TopBg .tit{ background:url(../images/bg-subnav-tit.jpg); padding:10px; height:56px; font-size:22px; font-weight:bold; color:#fff; width:170; margin-left:-2px; margin-right:-10px; width:170px;text-shadow:2px 1px 5px #000}

/* bloColor 分类 */
.mo-bloColor-phone 
.extraLink a,
.mo-bloColor-phone .mo-shopRec .tit,
.mo-bloColor-phone .mo-shopRec .tit,
.mo-bloColor-phone .ul-2c .tit{ color:#e19110;}
.mo-bloColor-phone .pic,
.mo-bloColor-phone .mo-titColorful .tit { border-color:#e99a1a;}
.mo-bloColor-phone .item,
.mo-bloColor-phone .mo-offerShow a { background:#e99a1a;}
.mo-bloColor-music .extraLink a,
.mo-bloColor-music .mo-shopRec .tit,
.mo-bloColor-music .mo-shopRec .tit,
.mo-bloColor-music .ul-2c .tit,
.mo-bloColor-music .picBox label{ color:#15a09d;}
.mo-bloColor-music .pic,
.mo-bloColor-music .mo-titColorful .tit,
.mo-bloColor-music .picBox .pic { border-color:#1aadaa;}
.mo-bloColor-music .item,
.mo-bloColor-music .mo-offerShow a ,
.mo-bloColor-music .picBox .tit{ background:#1aadaa;}
.mo-bloColor-game .extraLink a,
.mo-bloColor-game .mo-shopRec .tit,
.mo-bloColor-game .mo-shopRec .tit,
.mo-bloColor-game .ul-2c .tit,
.mo-bloColor-game .picBox label{ color:#136bb5;}
.mo-bloColor-game .pic,
.mo-bloColor-game .mo-titColorful .tit,
.mo-bloColor-game .picBox .pic { border-color:#1b79c8;}
.mo-bloColor-game .item,
.mo-bloColor-game .mo-offerShow a  ,
.mo-bloColor-game .picBox .tit{ background:#1b79c8;}
.mo-bloColor-digit .extraLink a,
.mo-bloColor-digit .mo-shopRec .tit,
.mo-bloColor-digit .mo-shopRec .tit,
.mo-bloColor-digit .ul-2c .tit,
.mo-bloColor-digit .picBox label{ color:#5ca54a;}
.mo-bloColor-digit .pic,
.mo-bloColor-digit .mo-titColorful .tit ,
.mo-bloColor-digit .picBox .pic{ border-color:#76b966;}
.mo-bloColor-digit .item,
.mo-bloColor-digit .mo-offerShow a ,
.mo-bloColor-digit .picBox .tit{ background:#76b966;}
.mo-bloColor-cpu .extraLink a,
.mo-bloColor-cpu .mo-shopRec .tit,
.mo-bloColor-cpu .mo-shopRec .tit,
.mo-bloColor-cpu .ul-2c .tit,
.mo-bloColor-cpu .picBox label{ color:#4e3171;}
.mo-bloColor-cpu .pic,
.mo-bloColor-cpu .mo-titColorful .tit ,
.mo-bloColor-cpu .picBox .pic { border-color:#533676;}
.mo-bloColor-cpu .item,
.mo-bloColor-cpu  .mo-offerShow a,
.mo-bloColor-cpu .picBox .tit { background:#533676;}
/* article detail */
.articleDetail { line-height:2;}
.articleDetail .tit { color:#013f73; font-size:22px; text-shadow:1px 1px 0 #fff}
.articleDetail .subTit { color:#013f73; font-size:14px; margin:6px 0; clear:both;  text-shadow:1px 1px 0 #fff; border-bottom:1px dotted #568cc5}
.articleDetail .ard-picList { padding-top:6px;}
.articleDetail .bread { color:#999; margin-left:-5px; float:right; padding-top:15px;}
.articleDetail .info { padding-bottom:1em}
.articleDetail .info a { color:#013f73}
.articleDetail .info span { margin-right:10px;}
.articleDetail .bread a{ color:#013f73; margin:5px;}
.articleDetail .detail p{ text-indent:2em; margin-bottom:1em;}
	.articleDetail .ard-picList .mo-imgArea { clear:both;}
  .articleDetail .ul-activity a { color:#a00;}
	.articleDetail .picBox-noBg { margin:0; padding:0;}
	.articleDetail .picBox-noBg label { color:#013f73; }
	.articleDetail .mo-imgArea .i-tit { color:#013f73; font-size:12px;}
/* article page */
.pageArticle a{ float:left; border:1px solid #568CC5; background:#fff; color:#013F73; text-decoration:none; line-height:22px; height:22px; padding:0 10px; margin-right:10px; }
.pageArticle a:hover { text-decoration:underline; background:#568CC5; color:#fff; text-decoration:none;}
.pageArticle .on { border:none; font-weight:bold; cursor:default; background:none; padding:0 11px; }
.pageArticle .on:hover { text-decoration:none; background:#fff; color:#013F73}
.pageArticle-tc{ padding-left:180px;}
/* scrollPic */
.scrollPic { width:484px; margin:0 auto; padding:40px 0;}
#featured { OVERFLOW: hidden; WIDTH: 480px; POSITION: relative; HEIGHT: 200px; border:2px solid #568cc5 }
#featured .word { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; Z-INDEX: 10; BACKGROUND: url(/1/bg_transparent.gif) no-repeat; LEFT: 0px; PADDING-BOTTOM: 5px; WIDTH: 470px; COLOR: #fff; BOTTOM: 0px; PADDING-TOP: 5px; POSITION: absolute; HEIGHT: 37px; line-height:1.5; background:#000; opacity:0.4!important; }
#featured .word H4 { FONT-SIZE: 12px }
#featured .ui-els-hide { DISPLAY: none }
#thumbs { WIDTH: 484px; LIST-STYLE-TYPE: none; HEIGHT: 26px; background:#568cc5; position:relative; }
#thumbs ul { padding:0 35px;}
* HTML #thumbs { HEIGHT: 100% }
#thumbs LI { DISPLAY: inline; FLOAT: left; WIDTH: 52px; MARGIN-RIGHT: 4px; HEIGHT: 24px }
#thumbs LI A { border: #568cc5 2px solid;  DISPLAY: block; FONT-SIZE: 0px; WIDTH: 48px; }
#thumbs LI A:hover { border: #fff 2px solid;}
#thumbs LI A.current { border: #fff 2px solid; }
#thumbs LI.first,#thumbs LI.last { background:url(../images/bg.png) -156px -150px; margin:0; height:15px; width:15px; position:absolute; left:10px; top:4px; cursor:pointer}
#thumbs LI.last  { background-position:-140px -150px; right:10px; left:auto;}
#topstory { MARGIN-TOP: 5px; MARGIN-left: 5px; BACKGROUND: #fff; FLOAT: left; WIDTH: 490px; HEIGHT: 237px }
#highlight { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 470px; PADDING-TOP: 5px }
/* table */
.tb-blue { text-align:center; color:#003f8c; line-height:2.5; }
.tb-blue td,.tb-blue th,.tb-blue { padding:3px 10px;}
.tb-blue th { background:#568cc5; color:#fff; font-weight:bold; font-size:12px}
.tb-blue .tr1 td{ padding-top:13px;}
.tb-blue-tl { text-align:left;}
.tb-blue-tl td,.tb-blue-tl th { vertical-align:top}
.tb-blue-tl td { line-height:2;}
/* block */
.mo-blo { margin-bottom:10px;}
.mo-blo .hd {  line-height:34px; color:#fff; font-weight:bold; _height:1%; min-height:1%; position:relative; text-shadow:1px 1px 0 #666}
.mo-blo .hd .tit { padding-left:15px;}
.mo-blo .hd .more { position:absolute; right:12px; top:0; color:#fff;}
.mo-blo .linkBeside { margin-left:10px; color:#fff; line-height:1em;}
.mo-blo .hd s { width:4px; height:7px; position:absolute; left:7px; top:14px;}
.mo-blo .bd { padding:8px;}

.mo-blo-blue {}
.mo-blo-blue .hd { background:#568cc5; }
.mo-blo-blue .bd { border:1px solid #cdcdcd; border-top:none; background:#fff;}

.mo-blo-white .bd { border:1px solid #cdcdcd; background:#fff; }
.mo-blo-red {}
.mo-blo-red .hd { background:#e10c0c; }
.mo-blo-red .hd i { width:50px; height:63px; right:4px; top:-15px; position:absolute;}

.mo-blo-red .bd { background:#e9eff5;}




/* grid */
.mainFloor { width:950px; margin:0 auto 10px;}
.mainFloor .mf_main { float:left;width:700px;}
.mainFloor .mf_main-right { float:right; width:730px}
.mainFloor .mf_extra { float:right; width:240px;}
.mainFloor .mf_sub { float:left; width:190px; margin-right:10px;}
.mainFloor .mf_m_main { float:right; width:500px;}
.mainFloor .mf_m_extra { float:left; width:190px;}

.gridm500e190 { width:950px;}
.gridm500e190 .main { float:left; width:100%;}
.gridm500e190 .main_in { margin:0 250px 0 200px }
.gridm500e190 .extra { width:190px; float:left; margin-left:-100%; }
.gridm500e190 .sub { width:240px; float:left; margin-left:-240px;}

.gridm50e50 .main,.gridm50e50 .extra { width:50%; float:left; margin:0; }



